<head>
    <link rel="stylesheet" href="//at.alicdn.com/t/font_2061828_flefov76178.css"/>
</head>
<div class="headerframe">
    <div class="head_img">
        <div class="manager">
            <a href="">
              <h1>成都融微设计方案系统</h1> <img src="images/siye.png" alt="">
            </a>
        </div>
    </div>
    <div class="header_right_text rt">
        <div class="admin-header-right head-phone">
            <div class="ad_item">
                <a href="#"> <i class="iconfont icon-tongzhi"></i> <em>2</em> </a>
            </div>
            <div class="ad_item">
                <a href="#"> <i class="iconfont icon-wode-F"></i> <span>admin</span> </a>
            </div>
            <div class="ad_item">
                <a href="#"> <i class="iconfont icon-tuichu"></i> </a>
            </div>
            <div class="top_cen phone_show">
                <a href="javascript:;" id="head-phone" class="">
                    <span></span>
                    <span></span>
                    <span></span>
                </a>
                <a class="cen_x active" href="javascript:;">
                    ×
                </a>
            </div>
        </div>
    </div>
</div>
<ul class="navlist_mo phone_show" >
    <li class="active"><a href="#">首页</a></li>
    <li><a href="#">系统管理</a></li>
    <li><a href="#">运营中心</a></li>
    <li><a href="#">统计分析</a></li>
    <li><a href="#">信息管理</a></li>
    <li><a href="#">任务大厅</a></li>
    <li><a href="#">个人中心</a></li>
    <li><a href="#">信息展示</a></li>
</ul>
<div class="nav">
    <ul>                                                                                                                
        <li class="active"><a href="#">首页</a></li>
        <li><a href="#">系统管理</a></li>
        <li><a href="#">运营中心</a></li>
        <li><a href="#">统计分析</a></li>
        <li><a href="#">信息管理</a></li>
        <li><a href="#">任务大厅</a></li>
        <li><a href="#">个人中心</a></li>
        <li><a href="#">信息展示</a></li>
    </ul>
</div>
     <script>
        //顶部下拉
        $('.head-phone').on('click', '.top_cen a', function () {
            if ($(this).attr('class') != 'active') {
                $(this).addClass('active');
                $(this).siblings().removeClass('active');
            } else {
                $(this).removeClass('active');
                $(this).siblings().addClass('active');
            }
            if ($(this).attr('class') != 'cen_x active') {
                $('body').css('right', '50%');
                $('.nav_bg').fadeIn();
                $('.navlist_mo').css('right', '0');
            } else {
                $('body').css('right', '0');
                $('.nav_bg').fadeOut();
                $('.navlist_mo').css('right', '-50%');
            }
        });
    </script>